<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>海洋中国</title>
		<meta name="keywords" content="Ocean China" />
		<meta name="description" content="Ocean China" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="${ctxPath}/static/favicon.ico">
        <link rel="stylesheet" href="${ctxPath}/static/portcss/bootstrap.css" type="text/css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/style.css" type="text/css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/online.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/top.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/bxslider.css" />
		<link rel="stylesheet" href="${ctxPath}/static/portcss/layui.css" />
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery-1.10.2.min.js"></script>
		<script src="${ctxPath}/static/portjs/bootstrap.min.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/online.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/common.js"></script>
		<script type="text/javascript" src="${ctxPath}/static/portjs/bxslider.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('.bxslider').bxSlider({
					adaptiveHeight: true,
					infiniteLoop: true,
					hideControlOnEnd: true,
					auto: true,
					controls: false
				});
			});
            (function(window) {
                var theUA = window.navigator.userAgent.toLowerCase();
                if((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
                    var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
                    if(ieVersion < 9) {
                        var str = "你的浏览器版本太low了\n已经和时代脱轨了 :(";
                        var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>谷歌</a>," +
                            "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>火狐</a>," +
                            "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%8C%8E%E8%B1%B9%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>猎豹</a>,其他双核急速模式";
                        document.writeln("<pre style='text-align:center;color:#black; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                            "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><p>" +
                            str2 + "</p><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
                        document.execCommand("Stop");
                    };
                }
            })(window);
		</script>
	</head>

	<body>
		<div class="top hidden-xs">
			<div class="container">
				<div class="top-fl">海洋中国|Ocean China</div>
				<div class="top-fr">
					<a href="/login">登录</a>
				</div>
			</div>
		</div>
		<header class="header-frontend">
			<nav class="navbar navbar-default navbar-fixed-top">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
						<a href="/portal/index"><img src="${ctxPath}/static/portimages/ouc.png" class="logo" style="margin-top: 6px;" /></a>
					</div>
					<div id="navbar" class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-nav-c">
                            <li>
                                <a href="/portal/index">首页</a>
                            </li>
							<li>
								<a href="/portal/getpageIndex/1/1">海权历史</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/2/1">海权理论</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/3/1">海洋制度</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/4/1">海洋热点</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/5/1">海洋强国战略</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/6/1">中国海洋战略</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/7/1">海上丝绸之路</a>
							</li>
							<li>
								<a href="/portal/getpageIndex/8/1">全球海洋治理</a>
							</li>

						</ul>
					</div>
				</div>
			</nav>
		</header>
		<img src="${ctxPath}/static/portimages/121.jpg" style="width: 100%;" />
		<div class="pst_bg">
			<div class="pst">
				海洋中国
			</div>
		</div>
		<div class="scd clearfix">
			<div class="scd_r1">
				<div class="r_name1"><span>${item.type}</span></div>
				<div class="detail">
					<h2>${item.item.title}</h2>
					<p class="lj">作者：${item.item.author}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布时间：${item.item.date,'yyyy-MM-dd'}</p>
					<div class="content">
						${item.item.content}
					</div>
					<div class="pagebox">
						<a href="/portal/detail/${item.previousId}" class="up">上一篇：${item.previousTitle}</a>
						<a href="/portal/detail/${item.nextId}" class="down">下一篇：${item.nextTitle}</a>
					</div>
				</div>
			</div>
		</div>
        <div class="copyright hidden-md hidden-xs mt" style="height: 200px;">
            <div class="container">
                <div class="row">
                    <div class="copy-left">
                        <!--<p><i class="iconfont"><img src="${ctxPath}/static/portimages/logo1.png" style="margin-top: -20px;"/>-->
                    </div>
                    <ul class="copy-mid"  style="margin-left: 260px;margin-top: 8px;">
                        <li>
                            <h2 style="width: 600px;line-height:10px;margin-top:70px;font-size: 50px;text-align: center">海洋中国</h2>
                            <h2 style="width: 600px;line-height:60px;font-size:20px;text-align: center">Ocean China<br></h2>
                            <!--<dl>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">电话：123456789</a></dt>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">邮箱：xxxxat126.com</a></dt>
                                <dt style="width: 400px;margin-left: -100px;"><a class="disableCss">地址：青岛市崂山区松岭路238号</a></dt>
                            </dl>-->
                        </li>
                    </ul>
                    <div class="copy-right">
                      <!--  <p style="margin-top: -10px;">WeChat</p>
                        <img src="${ctxPath}/static/portimages/wechat.png" style="margin-top: 5px;"/>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="copy  hidden-md hidden-xs " style="background-color: black;">
            版权所有 © 海洋中国 | Ocean China
           <!-- <img src="${ctxPath}/static/portimages/blue.png" class="policeimg"> ICP备案号：鲁ICP备字123456号-23&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="${ctxPath}/static/portimages/110.png" class="policeimg"> 鲁公网安备 37021202000030号-->
        </div>
	</body>
</html>